@mixin center() {
  width: 1200px;
  margin: {
    left: auto;
    right: auto;
  };
}
@mixin con-a {
  padding: 0;
  width: 100px;
  position: relative;
}
@mixin sprite1 {
  background-image: url(/images/sprite.e3a5567.png);
}
@mixin sprite2 {
  background-image: url(/images/sprite.37d7f90.png);
}

.wrap {
  min-height: 1200px;
  background-color: #f2f2f2 !important;
  background: url(/images/ztbg.5fc6910.png) no-repeat center 40px fixed;
}
header {
  .subnav {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    &-subnavber {
      @include center();
      height: 40px;
      .con_left {
        float: left;
        &-a {
          font-size: 12px;
          text-align: center;
          display: inline-block;
        }
        &-a:nth-child(1) {
          padding-right: 20px;
        }
        &-a:nth-child(2) {
          @include con-a();
          i {
            position: absolute;
            left: 5px;
            top: 9px;
            @include sprite1();
            background-position: -451px -91px;
            width: 16px;
            height: 24px;
          }
        }
        &-a:nth-child(3) {
          @include con-a();
          i {
            position: absolute;
            left: -13px;
            top: 11px;
            @include sprite1();
            background-position: -150px -386px;
            width: 24px;
            height: 21px;
          }
        }
      }
      .right-login {
        float: right;
        a {
          font-size: 12px;
          color: black;
          margin-left: 29px;
        }
      }
    }
  }
  .header-bg {
    height: 100px;
    &-logo {
      @include center();
      height: 50px;
      padding: 25px 0;
      position: relative;
      a {
        .img {
          width: 270px;
          height: 100px;
          background: url(/images/logo.png) no-repeat;
          position: absolute;
          left: 0;
          top: 25px;
        }
      }
    }
  }
  .firstnav {
    height: 50px;
    line-height: 50px;
    &-wrap {
      @include center();
      height: 50px;
      background-color: #50616d;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      ul {
        padding-left: 38px;
        float: left;
        li {
          float: left;
          margin-left: 22px;
          padding: 0 19px;
          position: relative;
          a {
            font-size: 16px;
            color: #fff;
            img {
              position: absolute;
              left: 0;
              top: 0;
              margin-left: 53px;
              margin-top: 10px;
            }
          }
          &.curr {
            background-color: #6b8191;
          }
        }
      }
      .right-search {
        float: right;
        .search {
          margin-top: 10px;
          &-box {
            width: 200px;
            height: 30px;
            position: relative;
            input {
              width: 170px;
              height: 100%;
              border: none;
              outline: none;
              border-radius: 16px;
              font-size: 12px;
              padding: 0 2px 0 28px;
              position: absolute;
              top: 0;
              left: 0;
            }
            a {
              position: absolute;
              right: 0;
              top: 1px;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              background-color: #50616d;
              // display: block;
              i {
                width: 20px;
                height: 21px;
                position: absolute;
                @include sprite1();
                background-position: -451px -24px;
                right: 4px;
                top: 5px;
              }
            }
          }
        }
      }
    }
  }
}